<template>
	<div class="app-container2"
	>
		<div  style="margin-bottom: 30px">
			<div
				
				style="
					font-weight: 600;
					margin-bottom: 12px;
					font-size: 14px;
					color: rgba(0, 0, 0, 0.85);
				"
			>
				宣传资讯可视化管理提示：
			</div>
			<div  style="color: rgba(0, 0, 0, 0.65); font-size: 14px">
				1、通过点击各个组织后操作下的设置按纽进行查看宣传门户显示效果；
			</div>
			<div  style="color: rgba(0, 0, 0, 0.65); font-size: 14px">
				2、鼠标移至宣传门户相应区域，针对各区域进行栏目和内容的设置。
			</div>
			<div
				
				style="
					color: rgba(0, 0, 0, 0.65);
					font-size: 14px;
					display: flex;
				"
			>
				<div  style="margin-right: 12px">
					3、是否显示支部阵地
				</div>
				<el-switch
					v-model="value"
					active-color="#13ce66"
					inactive-color="#ff4949"
				>
				</el-switch>
			</div>
		</div>
		<ul style="display: flex; flex-wrap: wrap">
			<li
				style="width: 27%; margin-right: 5%; margin-bottom: 40px"
				v-for="(item, index) in 4"
				:key="index"
			>
				<div
					
					style="
						color: rgba(0, 0, 0, 0.85);
						margin-bottom: 4px;
						font-size: 14px;
					"
				>
					中国共产党兴平市委员会
				</div>
				<div
					
					style="box-shadow: -2px 2px 5px #999; width: 100%"
				>
					<img
						style="width: 100%"
						src="https://djimages.oss-cn-hangzhou.aliyuncs.com/common/images/site/site_index.png"
						alt=""
					/>
				</div>
				<div
					
					style="
						margin-top: 10px;
						display: flex;
						align-items: center;
						justify-content: space-between;
					"
				>
					<el-switch
						v-model="value"
						active-text="启用"
						inactive-text="停用"
					>
					</el-switch>
					<el-select v-model="value" placeholder="操作">
						<el-option
							v-for="item in options"
							:key="item.value"
							:label="item.label"
							:value="item.value"
						>
						</el-option>
					</el-select>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
// import { } from "@/api/card/home";
export default {
	data() {
		return {
			value: '',
			loading: false,
			dialogVisible: false,
			list: [],
			ruleForm: {
				pageNum: 1,
				pageSize: 10,
				total: 0,
			},
			rules: {
				name: [
					{
						required: true,
						message: '请输入活动名称',
						trigger: 'blur',
					},
				],
			},
			options: [
				{ label: '设置', value: 1 },
				{ label: '查看', value: 2 },
			],
		}
	},
	methods: {
		submit() {
			
		},
		//切换分页
		handleCurrentChange(val) {
			this.loading = true
			this.ruleForm.pageNum = val
		},
		//切换总条数
		handleSizeChange(val) {
			this.loading = true
			this.ruleForm.pageSize = val
		},
	},
	created() {},
}
</script>

<style lang="scss" scoped></style>
